<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<button>测试1</button>
		<button>测试2</button>
		<button>测试3</button>
		
		<!-- 需求：点击某个按钮，提示"点击的是第n个按钮" -->
				
		<script type="text/javascript">
			var btns = document.getElementsByTagName('button')
			// 遍历加监听
			// for(var i=0;length=btns.length;i<length;i++){
			// 	var obj = btns[i]
			// 	btn.onclick = function(){
			// 		alert('第'+(i+1)+'个')
			// 	}
			// }
			// for(var i=0;length=btns.length;i<length;i++){
			// 	var obj = btns[i]
			// 	// 将btn所对应的下标保存在btn上
			// 	btn.index = i
			// 	btn.onclick = function(){
			// 		alert('第'+(this.index+1)+'个')
			// 	}
			// }
			
			// 利用闭包
			for(var i=0;length=btns.length;i<length;i++){
				(function(i){
					var obj = btns[i]
					btn.onclick = function(){
						alert('第'+(i+1)+'个')
					}
				})(i)
			}
		</script>
	</body>
</html>
